<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
1
<style>
  body{
    color:rgb(255, 0, 0);
  }
</style>

<!-- link也会阻塞script -->
<!--<link rel="stylesheet" href="link.css">-->

<script>
  console.log(document.body.innerText); // 1   只会打印1 不会打印2 说明会阻塞html(HTML Parser)对dom的解析
  console.log(getComputedStyle(document.body).color); // rgb(255, 0, 0)   打印rgb(255, 0, 0)而不是rgb(0, 0, 255) 说明也会阻塞css(CSS Parser)解析
</script>
<style>
  body{
    color:rgb(0, 0, 255);
  }
</style>
2
</body>
</html>
